<template>
	<view class="container">
		<view class="content">
			<view class="swiper-header-box">
				<swiper class="swiper-header" :indicator-dots="true">
					<swiper-item>
						<view>
							<image class="image-box" src="https://img1.baidu.com/it/u=2612024239,2693529495&fm=26&fmt=auto"></image>
						</view>
					</swiper-item>
					<swiper-item>
						<view>
							<image class="image-box" src="https://img0.baidu.com/it/u=1423550886,814299171&fm=26&fmt=auto"></image>
						</view>
					</swiper-item>
					<swiper-item>
						<view>
							<image class="image-box" src="https://img2.baidu.com/it/u=1375918562,638250445&fm=26&fmt=auto"></image>
						</view>
					</swiper-item>
				</swiper>
				<view class="user-authentication">
					<s-icon name="circle-fill" size="20" color="#4FA0FB"></s-icon>
					<view class="yes">身份以认证</view>
				</view>
			</view>
			
			<view class="user-info-box">
				<view class="info-header">
					<view class="header-right">
						<view>
							<s-icon name="circle-fill" size="20" color="#4FA0FB"></s-icon>
						</view>
						<view>所在学校</view>
						<view class="right-sl">|</view>
						<view>专科</view>
					</view>
					<view class="header-left">
						<view class="left-d">·</view>
						<view>全日制</view>
					</view>
				</view>
				<view class="info-detail">
					<view class="detail-user">
						<view class="detail-user-left">
							<view class="name">宋博</view>
							<view>
								<s-icon name="circle-fill" size="20" color="#4FA0FB"></s-icon>
							</view>
						</view>
						<view class="detail-user-right">
							<view>
								<s-icon name="circle-fill" size="16" color="#4FA0FB"></s-icon>
							</view>
							<view class="addess">西安市 雁塔区</view>
						</view>
					</view>
					<view class="info-detail-bottom">
						<view>20岁</view>
						<view>180cm</view>
						<view>处女座</view>
					</view>
				</view>
				<view class="detail-box">
					<view class="detail-item">
						<view class="item-title">
							职业：
						</view>
						<view class="item-content">
							IT/互联网
						</view>
					</view>
					<view class="detail-item">
						<view class="item-title">
							年薪：
						</view>
						<view class="item-content">
							10-20w
						</view>
					</view>
					<view class="detail-item">
						<view class="item-title">
							婚姻状况：
						</view>
						<view class="item-content">
							未婚
						</view>
					</view>
					<view class="detail-item">
						<view class="item-title">
							脱单目标：
						</view>
						<view class="item-content">
							一年内结婚
						</view>
					</view>
					<view class="detail-item">
						<view class="item-title">
							微信号：
						</view>
						<view class="item-content">
							18092444782
						</view>
					</view>
				</view>
			</view>
			
			
			<view class="content-box">
				<view class="title">关于我</view>
				<view class="content-info">
					关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我关于我
					
				</view>
			</view>
			<view class="content-box">
				<view class="title">兴趣爱好</view>
				<view class="content-info">
					兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好兴趣爱好
					
				</view>
			</view>
			<view class="content-box">
				<view class="title">感情观</view>
				<view class="content-info">
					感情观感情观感情观感情观感情观感情观感情观感情观感情观感情观感情观感情观感情观感情观感情观感情观
					
				</view>
			</view>
			
			
			<view class="mood-box">
				<view class="mood-header-box">
					<view class="mood-header-right">
						我的心情
					</view>
					<view class="mood-header-left">
						<view>查看全部心情</view>
						<s-icon name="arrowright" size="22"></s-icon>
					</view>
				</view>
				<view class="mood-content">
					我的心情我的心情我的心情我的心情我的心情我的心情我的心情我的心情我的心情我的心情我的心情我的心情我的心情
				</view>
				<view class="mood-operation">
					<view class="operation-date">2021-11-6</view>
					<view class="operation">
						<view class="operation-item">
							<s-icon name="applets" size="22" color="#818181"></s-icon>
							<view>分享</view>
						</view>
						<view class="operation-item">
							<s-icon name="applets" size="22" color="#818181"></s-icon>
							<view>评论</view>
						</view>
						<view class="operation-item">
							<s-icon name="applets" size="22" color="#818181"></s-icon>
							<view>1</view>
						</view>
					</view>
				</view>
			</view>
			<view class="share-btn">
				<s-button type="white" bold shape="circle" height="100upx">分享</s-button>
			</view>
		</view>
		<view class="info-fixed">
			<view class="fixed-list">
				<view class="fixed-item">
					<s-icon name="applets" size="22" color="#818181"></s-icon>
				</view>
				<view class="fixed-item item-def">
					<s-icon name="applets" size="22" color="#818181"></s-icon>
					<view>
						编辑资料
					</view>
				</view>
				<view class="fixed-item">
					<s-icon name="applets" size="22" color="#818181"></s-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
@import "userDetail.scss";
</style>
